<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>鑫云科技</title>
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/鑫云.css"/>
	</head>
	<body>
		<div class="zong-div">
		<div class="flex-box">	
			<img src="images/logo.jpg" />
	<li><a href="鑫云.html">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>|
	<li><a href="关于我们.html">关于我们</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>|
	<li><a href="解决方案.html">解决方案</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>|
	<li><a href="技术服务.html">技术服务</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>|
	<li><a href="新闻中心.html">新闻中心</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>|
	<li><a href="">联系我们</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<img src="images/tel.jpg" />
				</div>
		
		<!-- 第二行 -->
		<div>
		<div class="wrapper">
			<!-- 轮播图 -->
			<div class='banner'>
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide">
							<a href="">
								<img src="./images/banner1.jpg" alt="" height="600px" width="100%">
							</a>
						</div>
				        <div class="swiper-slide">
							<a href="">
								<img src="./images/banner2.png" alt="" height="600px" width="100%">
							</a>
						</div>
				        <div class="swiper-slide">
							<a href="">
								<img src="./images/banner3.png" alt="" width="100%"
								height="600px">
							</a>
						</div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				    <!-- 如果需要导航按钮 -->
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				</div>
				</div>
				
				<script src='js/jquery-1.8.3.min.js'></script>
				<script src='js/swiper.min.js'></script>
				<script>
					var mySwiper = new Swiper ('.swiper-container', {
					    loop: true,
						autoplay:true,
					    pagination: {
					      el: '.swiper-pagination',
					    },
					    navigation: {
					      nextEl: '.swiper-button-next',
					      prevEl: '.swiper-button-prev',
					    }
					})   
				</script>
		<br><br><br><br>
	<!-- 新闻 -->
	<div class="xinwen">
   <div class="xinwen-1">
	<div class="xinwen-1-2">
	 <img src="images/logo1.png" >公司新闻
	</div>
	<div class="xinwen-1-3">
	 <ul>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
		<hr ></li>
	 </ul>
	</div>
   </div>
   <div class="xinwen-2">
	<div class="xinwen-2-1">
	 <img src="images/logo1.png" >行业动态
	</div>
	<div class="xinwen-2-2">
	 <ul>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	  <hr ></li>
	  <li>各个地方媒体首页图片广告特价300元每月—————2-3
	<hr ></li>
		 </ul>
		</div>
	   </div>
	  </div>
	  
	  
	  <!-- 地图 -->
	  <div class="ditu">
	<img src="images/ditu.png" width="100%">
	  </div>
	  <!-- 最后 -->
	  <div class="end">
	   <div class="end-1">
		<span>首页 &nbsp;|
		关于我们 &nbsp;|
		解决方案 &nbsp;|
		技术服务 &nbsp;|
		新闻中心 &nbsp;|
		联系我们
		</span>
		<p><b>联系我们</b></p >
		<p>信息科技有限公司</p >
		<p>Infomation Technology Coltd</p >
		<hr >
		</div>
		   <div class="end-2">
			<div class="end-2-1">
			<img src="images/ft1.png" ><br>
			 江苏省昆山市
			</div>
			<div class="end-2-1">
			<img src="images/ft2.png" ><br>
			 XXX@xxx.c</div>
			<div class="end-2-1">
			<img src="images/ft3.png" ><br>
			 电话:XXXXXXXXXXX
			
			</div>
		   </div>
		  </div>
	
	
	
		</div>
	</body>
</html>
		